<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JavaScript学习笔记</title>
	<script type="text/javascript">           
		function show(){         //声明一个自定义的函数

			//alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
			//alert("用来弹窗输出的");

			//var 相当于PHP里的$符号
			var data = "hello world!";

			retrun a*b;            //返回两个数的乘机
			var lcon = document.getElemenById("user_name");
			lcon.value = data;
		}

		//document 每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
		document.write(show(15, 15));     //调用show()函数并传递参数，输出结果 

		// 闰年的判断
		//对按钮创建点击事件标签
		function this(){
			//获取表单里面的值的语法格式
			var year1 = form1.year.value;       //定义变量year1，并获取提交的表单元素的值

			//如果变量year1能够被4整除，而同时不能被100整除，则执行下面的语句
			if ((year1%4)==0) && (year1%100)!=0 {
				alert(year1+"年是闰年！");      //如果year1变量满足条件，则输出次年份为闰年
			}else{
				alert(year1+"年是平年！");
			}
		}	
			
	</script>
	
	<!-- 创建test方法 -->
	<script type="text/javascript">
		function test(){
			//获取页面的某个标签的值原代码写法
			var test = document.getElemenById('test').name;
		}
	</script>

</head>
<body>
	<!-- 对提交按钮创建点击事件 name值从后台接受的 -->
	<input type="submit" name="{$test}" id="test" onclick="test()" value="提&nbsp;交">

	<!-- 如何获取标签的值小例子，根据id，用document.getElemenById('user_name').value即可获取到 -->
	<input type="text" name="username" id="user_name" value="我是会变化的" />

	
	<input type="button" onclick="show()" value="单击我就会走点击事件onclick哦" />


	<form action="" name="form1" method="post">
		<span class="style2">检测闰年：</span>
		<select name="year">
			<option value="2000">2000</option>
			<option value="2001">2001</option>
			<option value="2002">2002</option>
			<option value="2003">2003</option>
			<option value="2004">2004</option>
			<option value="2005">2005</option>
			<option value="2006">2006</option>
			<option value="2007">2007</option>
			<option value="2008">2008</option>
		</select>
		<input type="button" onclick="this()" value="检测">

		<!-- 内嵌点击事件的案例-->
		<if condition="$_SESSION['oc_home']['astate'] eq 1 ">
		    <input type="submit" name="{$atten}" onclick="javascript:if(confirm('您今天已经考勤，确认重复考勤吗?')){return true;}else{return false;}" value="提&nbsp;交"/>
		<else/>
		    <input type="submit" onclick="javascript:if(confirm('确定提交吗')){return true}else{return false}" value="提&nbsp;交"/>
		</if>

	</form>


</body>
</html>

<!-- jQuery的基本语句用法 -->
<!-- 首先引进jQuery库  -->
<script type="text/javascript" src="__PUBLIC__/static/jquery-2.1.1.min.js" charset="utf-8"></script>
<script type="text/javascript">
	//双击和点击事件
	$('#vo').bdlclick(function () { //双击事件
				alert("双击事件");
			});

	$('.unit').click(function () { //点击事件
		alert("这是点击事件");
	});

	//鼠标移动事件
	$('h').mouseenter(function () {
		alert("你的鼠标移动到了 h1 的标签上面了");
	});

	$('h').mouseleave(function () {
		alert("再见，您的鼠标已经离开这个地方了");
	});	

	//淡入淡出事件
	$(document).ready(function () {
		$('#flip').click(function () {
			$('panel').slideDown();
		})
	});

	$(document).ready(function () {
		$('#flip').click(function data1() {
			$('#panel').slideUp();
		})
	});

	$(document).ready(function () {
		$('#flip').click(function data2() {
			$('#panel').slideToggle('slow');
		});
	});

	//获取输入字段的值
	$('#text1').val();
	//获取所选元素的文本内容
	$('#text2').text();
	//获取所选元素的内容（包括 HTML 标记）
	$('#text3').html();
	//attr() 方法用于获取属性值 <a href="http://www.jd.com"></a>
	$('#text4').attr('href');

	//设置输入字段的值
	$('#text1').val("Hello World!");
	//设置所选元素的文本内容
	$('#text2').text("Hello World!");
	//设置所选元素的内容（包括 HTML 标记）
	$('#text3').html("Hello World!");

	//删除 class="italic" 的所有 <p> 元素
	$(document).ready(function(){
	  $("button").click(function(){
	    $("p").remove(".italic");
	  });
	});

	//添加元素，prepend()开元素开头添加
	$(document).ready(function(){
		$("#btn1").click(function(){
			$("p").prepend("<b>在开头追加文本</b>。 ");
		});
		$("#btn2").click(function(){
			$("ol").prepend("<li>在开头添加列表项</li>");
		});
	});

	
</script>

